<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{.Filename}} - transfer.sh</title>
    <meta name="description" content="Easy and fast file sharing from the command-line.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="stylesheet" href="styles/main.css">

    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
    <script src="scripts/vendor/modernizr.js"></script>
</head>

<body  id="download">

    <div id="navigation">
        <div class="wrapper">
            <h1>transfer.sh</h1>
            <ul class="hidden-xs">
                <li><a href="#samples">sample use cases</a>
                </li>
                <li><a href="#contact">contact us</a>
                </li>
            </ul>
        </div>
    </div>

<section id="home">
    <div class="wrapper">
        <h2>
            {{.Filename}}</h2>
        <a href="{{.Url}}"></a>
        <div class="row animated fadeInDown">
            <div id="from-terminal" class=" box col-md-8  col-md-offset-2 col-xs-12">
                <div class="terminal-top">

                </div>
                <div id="terminal" class="terminal">
                    <div id="code"></div>
                </div>



            </div>

        </div>

    <div>
        <a href="#" id="copy-link-btn" class="btn-cta btn">copy link</a> &nbsp;&nbsp;
        <a href="{{.Url}}" class="btn-cta btn"> download</i> </a>
        <div id="copy-link-wrapper" class="copy-link-wrapper">
            <p>Press Ctrl / CMD + C to copy link to your clipboard.</p>
            <input readonly="readonly" type="text" value="{{.Url}}" />
        </div>
        <div id="overlay" class="overlay"></div>
    </div>
        <script src="scripts/clipboard.js"></script>

</section>


    <script>
    (function() {
        var uv = document.createElement('script');
        uv.type = 'text/javascript';
        uv.async = true;
        uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(uv, s)
    })()
    </script>

    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

        <script src="scripts/main.js"></script>
        
    <script>

    var text = "# Markdown *works*.";

    var converter = new Showdown.converter();
    var html = converter.makeHtml(text);
    $('#md-preview').append(html);

    </script>


</body>

</html>
